<template>
    <div class="intro-area">
        <div class="bg-wrapper">
            <img src="/img/background/bg.jpg" alt="" />
        </div>
        <div class="intro-content">
            <div class="slider-content">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div
                                class="layer-1 wow fadeInUp"
                                data-wow-delay="0.3s"
                            >
                                <span class="title1"
                                    >Your Vision, Our Tech.</span
                                >
                                <h3 class="title2">
                                    <span class="color">CODIUX</span> is an
                                    expanding technology<br />
                                    digital Agent for your Business.
                                </h3>
                            </div>

                            <div
                                class="layer-2 wow fadeInUp"
                                data-wow-delay="0.5s"
                            >
                                <p>
                                    We develop effective plans to take your
                                    business to the next level.
                                </p>
                            </div>

                            <div
                                class="layer-3 wow fadeInUp"
                                data-wow-delay="0.7s"
                            >
                                <a href="#" class="ready-btn left-btn"
                                    >Our Services</a
                                >
                                <a href="#" class="ready-btn right-btn"
                                    >Contact us</a
                                >
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "Slider",
};
</script>

<style scoped>
</style>
